import { View, Image,Text } from "@tarojs/components"
import Taro from '@tarojs/taro'
import { AtTabs, AtTabsPane } from 'taro-ui'
import NavBar from "../topbar/topbar";
//import {} from 'taro-ui'
import { useState } from "react"
import './classify.scss'
import niaoKu from '../image/niaoKu.png'
function classify(){

    const toBack = () => {
        Taro.navigateBack().then()
    }
    const [current,setcurrent] = useState(14)
    const handleClick = (value) =>{setcurrent(value);}
    return(
        <view>
            <NavBar title="分类" back nback={toBack}/>
            <AtTabs
                current={current}
                scroll
                height='100vh'
                tabDirection='vertical'
                tabList={[
                    { title: '儿童套装' },
                    { title: '孕妇装' },
                    { title: '纸尿裤' },
                    { title: '洗澡用具' },
                    { title: '奶瓶' },
                    { title: '奶粉' },
                    { title: '儿童餐椅' },
                    { title: '儿童餐具' },
                    { title: '哺乳装' },
                ]}
                onClick={handleClick}>
                <AtTabsPane tabDirection='vertical' current={current} index={0}>
                    <View className="label">标签页一的内容</View>
                </AtTabsPane>
                <AtTabsPane tabDirection='vertical' current={current} index={1}>
                    <View className="label">标签页二的内容</View>
                </AtTabsPane>
                <AtTabsPane tabDirection='vertical' current={current} index={2}>
                    <View className="label">标签页三的内容</View>
                </AtTabsPane>
                <AtTabsPane tabDirection='vertical' current={current} index={3}>
                    <View className="label">标签页四的内容</View>
                </AtTabsPane>
                <AtTabsPane tabDirection='vertical' current={current} index={4}>
                    <View className="label">标签页五的内容</View>
                </AtTabsPane>
                <AtTabsPane tabDirection='vertical' current={current} index={5}>
                    <View className="label">标签页六的内容</View>
                </AtTabsPane>
                </AtTabs>
        </view>
    )
}
export default classify